<!DOCTYPE html>

<html lang="en-US">
  <head>
    <meta charset="utf-8" />
    <title>PWAsForFirefox Portable Help</title>

    <link rel="alternate" href="https://github.com/filips123/PWAsForFirefox/releases.atom" type="application/atom+xml" title="PWAsForFirefox Releases" />
    <link rel="alternate" href="https://github.com/filips123/PWAsForFirefox/commits.atom" type="application/atom+xml" title="PWAsForFirefox Commits" />
    <link rel="alternate" href="https://portableapps.com/feeds/general" type="application/rss+xml" title="PortableApps.com News" />
    <link rel="shortcut icon" href="Other/Help/Images/Favicon.ico" />

    <style>
      body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 76%;
        color: black;
        margin: 20px;
        background: #e6e8ea;
        text-align: center;
      }

      a {
        color: #b31616;
        font-weight: bold;
      }

      a:link, a:visited, a:active {}

      a:hover {
        color: red;
      }

      h1, h2, h3, h4, h5, h6 {
        font-family: Arial, sans-serif;
        font-weight: normal;
      }

      h1 {
        color: #b31616;
        font-weight: bold;
        letter-spacing: -2px;
        font-size: 2.2em;
        border-bottom: 1px solid silver;
        padding-bottom: 5px;
      }

      h2 {
        font-size: 1.5em;
        border-bottom: 1px solid silver;
        padding-bottom: 3px;
        clear: both;
      }

      h3 {
        font-size: 1.2em;
      }

      h4 {
        font-size: 1.1em;
      }

      h5 {
        font-size: 1.0em;
      }

      h6 {
        font-size: 0.8em;
      }

      img {
        border: 0;
      }

      ol, ul, li, p, pre, table, tr, td, th {
        font-size: 1.0em;
      }

      pre {
        font-family: monospace;
      }

      strong, b {
        font-weight: bold;
      }

      td, th {
        border: 1px solid #aaaaaa;
        border-collapse: collapse;
        padding: 3px;
      }

      th {
        background: #3667a8;
        color: white;
      }

      ol ol {
        list-style-type: lower-alpha;
      }

      .content {
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        width: 780px;
        background-color: white;
        border-left: 1px solid black;
        border-right: 1px solid black;
        padding: 12px 30px;
        line-height: 150%;
      }

      .logo {
        background: white url("Other/Help/Images/Help_Background_Header.png") repeat-x;
        width: 840px;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        border-right: 1px solid black;
        border-left: 1px solid black;
      }

      .footer {
        background: white url("Other/Help/Images/Help_Background_Footer.png") repeat-x;
        width: 840px;
        height: 16px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        border-right: 1px solid black;
        border-left: 1px solid black;
      }

      .logo img {
        padding-left: 0;
        border: none;
        position: relative;
        top: -4px;
      }

      * html .content {
        width: 760px;
      }

      * html .logo, * html .footer {
        width: 820px;
      }

      .content h1 {
        margin: 0;
      }

      h1.hastagline {
        border: 0;
      }

      h2.tagline {
        color: #747673;
        clear: none;
        margin-top: 0;
      }

      /* printer styles */
      @media print {
        body, .content {
          margin: 0;
          padding: 0;
        }

        .navigation, .locator, .footer a, .message, .footer-links {
          display: none;
        }

        .footer, .content, .header {
          border: none;
        }

        a {
          text-decoration: none;
          font-weight: normal;
          color: black;
        }
      }
    </style>
  </head>

  <body>
    <div class="logo"><a href="https://portableapps.com/"><img src="Other/Help/Images/Help_Logo_Top.png" alt="PortableApps.com - Your Digital Life, Anywhere"></a></div>
    <div class="content">
      <h1 class="hastagline">PWAsForFirefox Portable Help</h1>
      <h2 class="tagline">A tool to install, manage and use Progressive Web Apps (PWAs) in Mozilla Firefox</h2>

      <p>
        <img src="App/AppInfo/appicon_128.png" width="128" height="128" style="float:right;" alt="PWAsForFirefox Logo" />
        PWAsForFirefox Portable is a tool to install, manage and use Progressive Web Apps (PWAs) in Mozilla Firefox. It's packaged with
        a PortableApps.com launcher as a <a href="https://portableapps.com/about/what_is_a_portable_app">portable app</a>, so you can use
        it from a cloud folder, portable drive, or local folder without needing to install it on each PC.
        <a href="https://pwasforfirefox.filips.si/">Learn more about PWAsForFirefox...</a>
      </p>
      <p>
        <a href="https://github.com/filips123/PWAsForFirefox?sponsor=1"><img src="Other/Help/Images/Donation_Button.png" style="vertical-align:middle;" alt="Make a Donation"></a> - Support PWAsForFirefox's development<br />
        <a href="https://portableapps.com/donate"><img src="Other/Help/Images/Donation_Button.png" style="vertical-align:middle;" alt="Make a Donation"></a> - Support PortableApps.com's hosting and development
      </p>
      <p>
        <a href="https://pwasforfirefox.filips.si/">Go to the PWAsForFirefox homepage</a><br />
        <a href="https://github.com/filips123/PWAsForFirefox">Go to the PWAsForFirefox repository</a><br />
        <a href="https://portableapps.com/">Get more portable apps at PortableApps.com</a>
      </p>
      <p>This software is OSI Certified Open Source Software. OSI Certified is a certification mark of the Open Source Initiative.</p>

      <h2>Usage</h2>
      <p>
        The portable installer for PWAsForFirefox Portable can be downloaded from the GitHub Releases page of the project.
        It is recommended to install it through the PortableApps.com Platform for additional integration with its app menu.
      </p>
      <p>
        Before being able to use the browser extension with the portable version, you have to start PWAsForFirefox Portable.
        This will launch a small background program that makes sure the browser is connected to the portable version.
        You can close this program from the taskbar tray icon.
      </p>
      <p>
        When using with the PortableApps.com Platform, installed web apps will be automatically added to its app menu.
      </p>

      <h2>Known Problems</h2>
      <ul>
        <li>Adding web apps to start menu may not work.</li>
        <li>Pinning web apps to the taskbar may not work.</li>
      </ul>

      <h2>Portable Apps Help</h2>
      <ul>
        <li><a href="https://portableapps.com/support/portable_app#downloading">Downloading a Portable App</a></li>
        <li><a href="https://portableapps.com/support/portable_app#installing">Installing a Portable App</a></li>
        <li><a href="https://portableapps.com/support/portable_app#using">Using a Portable App</a></li>
        <li><a href="https://portableapps.com/support/portable_app#upgrading">Upgrading a Portable App</a></li>
      </ul>
      <p>You can read about advanced configuration options for the PortableApps.com Launcher in its <a href="Other/Source/LauncherReadme.txt">readme file</a>.</p>

      <h2>PWAsForFirefox Help</h2>
      <ul>
        <li><a href="https://github.com/filips123/PWAsForFirefox">Repository</a></li>
        <li><a href="https://pwasforfirefox.filips.si/">Documentation</a></li>
        <li><a href="https://github.com/filips123/PWAsForFirefox/issues">Bug Tracker</a></li>
      </ul>

      <p><em>
        Firefox and the Firefox logo are trademarks of the Mozilla Foundation in the U.S. and other countries.
        This project is not affiliated with the Mozilla Foundation in any way.
      </em></p>
    </div>

    <div class="footer"></div>
  </body>
</html>
